<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <!-- 
  required 必输属性
  pattern 校验 可以直接写正则表达式
  -->
  <form action="">
    <input type="text" required pattern="[0-9]{3,6}"> <br>
    <input type="email">校验邮箱 <br>
    <input type="url">校验url <br>
    <input type="date">年月日 日期控件 <br>
    <input type="time">时分秒 时间控件 <br>
    <input type="week">年周 星期控件 <br>
    <input type="number">校验数字 <br>
    <input type="color"> 颜色控件 <br>
    <input type="range" min="0" max="10" value="2"> 进度调 <br>
    <input type="tel"> 电话输入框 移动端支持，浏览器不支持
    <input type="submit" value="提交">
  </form>
</body>

</html>